<html>
<head>
    <title>CSS控制层让某个位置不会跟随滚动条移动</title>
    <style type="text/css">
        html, body
        {
            overflow: hidden;
            margin: 0px;
            width: 100%;
            height: 100%;
        }

        .virtual
        {
            width: 100%;
            height: 100%;
            overflow: auto;
        }

        .fixed
        {
            position: absolute;
            z-index: 2008;
            bottom: 20px;
            width: 100%;
            height: 40px;
            border: 1px solid red;
            background: #e5e5e5;
        }
    </style>
</head>
<body>
    <div class="fixed">
        别人怎么移动都不会影响我！
    </div>
    <div class="virtual">
        <a target="_blank" href="http://sighttp.qq.com/authd?IDKEY=1cceac81de6a7ef59fb7dd1fd92178c347b65ce80cfe429e"><img border="0"  src="http://wpa.qq.com/imgd?IDKEY=1cceac81de6a7ef59fb7dd1fd92178c347b65ce80cfe429e&pic=49" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
        <div style="height: 888px; width: 10000px;">
        </div>
    </div>
</body>
</html>